<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<title>产品列表页</title>
		<link rel="icon" href="assets/img/favicon.ico">

		<link rel="stylesheet" type="text/css" href="css/webbase.css" />
		<link rel="stylesheet" type="text/css" href="css/pages-list.css" />
		<link rel="stylesheet" type="text/css" href="css/widget-cartPanelView.css" />

		<script type="text/javascript" src="plugins/angularjs/angular.min.js"></script>
		<script type="text/javascript" src="js/module/common.js"></script>
		<script type="text/javascript" src="js/service/searchService.js"></script>
		<script type="text/javascript" src="js/controller/searchController.js"></script>


	</head>

	<body ng-app="diploma" ng-controller="searchController" ng-init="loadkeywords()">
	<!-- 头部栏位 -->
	<!--页面顶部-->
	<div id="nav-bottom">
		<!--顶部-->
		<div class="nav-top">
			<div class="top">
				<div class="py-container">
					<div class="shortcut">
						<ul class="fl">
							<li class="f-item">欢迎您！</li>
						</ul>
						<ul class="fr">
							<li class="f-item">
								<a href="http://localhost:8087/home-index.html" target="_blank">我的中心</a>
							</li>
							<li class="f-item space"></li>
							<li class="f-item" id="service">
								<a href="http://localhost:8082/sellerLogin.html" target="_blank">商家后台</a>
							</li>
							<li class="f-item space"></li>
							<li class="f-item" >
								<a href="http://localhost:8087/register.html" target="_blank">免费注册</a>
							</li>
							<li class="f-item space"></li>
						</ul>
					</div>
				</div>
			</div>

			<!--头部-->
			<div class="header">
				<div class="py-container">
					<div class="yui3-g Logo">
						<div class="yui3-u Left logoArea">
							<a class="logo-bd" title="京东" href="JD-index.html" target="_blank"></a>
						</div>
						<div class="yui3-u Center searchArea">
							<div class="search">
								<form action="" class="sui-form form-inline">
									<!--searchAutoComplete-->
									<div class="input-append">
										<input type="text" id="autocomplete" ng-model="searchMap.keywords" type="text" class="input-error input-xxlarge" />
										<button class="sui-btn btn-xlarge btn-danger" ng-click="searchMap.pageNum=1;search()" type="button">搜索</button>
									</div>
								</form>
							</div>
						</div>
						<div class="yui3-u Right shopArea">
							<div class="fr shopcar">
								<div class="show-shopcar" id="shopcar">
									<span class="car"></span>
									<a class="sui-btn btn-default btn-xlarge" href="http://localhost:8089/cart.html" target="_blank">
										<span>我的购物车</span>
									</a>
								</div>
							</div>
						</div>
					</div>

					<div class="yui3-g NavList">
						<div class="yui3-u Left all-sort">
							<h4>全部商品分类</h4>
						</div>
						<div class="yui3-u Center navArea">
							<ul class="nav">
								<li class="f-item">服装城</li>
								<li class="f-item">美妆馆</li>
								<li class="f-item">自营超市</li>
								<li class="f-item">全球购</li>
								<li class="f-item">闪购</li>
								<li class="f-item">团购</li>
								<li class="f-item">有趣</li>
							</ul>
						</div>
						<div class="yui3-u Right"></div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!--list-content-->
	<div class="main">
		<div class="py-container">
			<!--bread-->
			<div class="bread">
				<ul class="fl sui-breadcrumb">
					<li>
						<a href="#">全部结果：{{resultMap.total}}</a>
					</li>
				</ul>
				<ul class="tags-choose">
					<li class="tag" ng-if="searchMap.category !=''" ng-click="removeSearchItem('category')" >商品分类：{{searchMap.category}}<i class="sui-icon icon-tb-close"></i></li>
					<li class="tag" ng-if="searchMap.brand !=''"  ng-click="removeSearchItem('brand')" >品牌：{{searchMap.brand}}<i class="sui-icon icon-tb-close"></i></li>
					<li class="tag" ng-repeat="(key,value) in searchMap.spec" ng-click="removeSearchItem(key)">{{key}}:{{value}}<i class="sui-icon icon-tb-close"></i></li>
					<li class="tag" ng-if="searchMap.price !=''"  ng-click="removeSearchItem('price')" >价格区间：{{searchMap.price}}<i class="sui-icon icon-tb-close"></i></li>
				</ul>
				<div class="clearfix"></div>
			</div>
			<!--selector-->
			<div class="clearfix selector">
				<div class="type-wrap" ng-if="resultMap.categoryList !=null && searchMap.category ==''">
					<div class="fl key">商品分类</div>
					<div class="fl value">
						<ul class="type-list">
							<li ng-repeat="category in resultMap.categoryList">
								<a href="#" ng-click="addSearchItem('category',category)">{{category}}</a>
							</li>
						</ul>

					</div>
					<div class="fl ext"></div>
				</div>
				<div class="type-wrap" ng-if="resultMap.brandList != null && searchMap.brand=='' && keywordsIsBrand()==false">
					<div class="fl key">品牌</div>
					<div class="fl value">
						<ul class="type-list">
							<li ng-repeat="brand in resultMap.brandList">
								<a href="#" ng-click="addSearchItem('brand',brand.text)">{{brand.text}} </a>
							</li>
						</ul>
					</div>
					<div class="fl ext"></div>
				</div>

				<div class="type-wrap" ng-repeat="spec in resultMap.specList" ng-if="searchMap.spec[spec.text]==null">
					<div class="fl key">{{spec.text}}</div>
					<div class="fl value">
						<ul class="type-list">
							<li ng-repeat="option in spec.options">
								<a href="#" ng-click="addSearchItem(spec.text,option.optionName)">{{option.optionName}}</a>
							</li>
						</ul>
					</div>
					<div class="fl ext"></div>
				</div>
				<div class="type-wrap">
					<div class="fl key" ng-if="searchMap.price==''">价格</div>
					<div class="fl value">
						<ul class="type-list" ng-if="searchMap.price ==''">
							<li>
								<a ng-click="addSearchItem('price','0-500')">0-500元</a>
							</li>
							<li>
								<a ng-click="addSearchItem('price','500-1000')">500-1000元</a>
							</li>
							<li>
								<a ng-click="addSearchItem('price','1000-1500')">1000-1500元</a>
							</li>
							<li>
								<a ng-click="addSearchItem('price','1500-2000')">1500-2000元</a>
							</li>
							<li>
								<a ng-click="addSearchItem('price','2000-3000')">2000-3000元 </a>
							</li>
							<li>
								<a ng-click="addSearchItem('price','3000-*')">3000元以上</a>
							</li>
						</ul>
					</div>
					<div class="fl ext">
					</div>
				</div>
				<div class="type-wrap">
					<div class="fl key">更多筛选项</div>
					<div class="fl value">
						<ul class="type-list">
							<li>
								<a>特点</a>
							</li>
							<li>
								<a>系统</a>
							</li>
							<li>
								<a>手机内存 </a>
							</li>
							<li>
								<a>单卡双卡</a>
							</li>
							<li>
								<a>其他</a>
							</li>
						</ul>
					</div>
					<div class="fl ext">
					</div>
				</div>
			</div>
			<!--details-->
			<div class="details">
				<div class="sui-navbar">
					<div class="navbar-inner filter">
						<ul class="sui-nav">
							<li class="active">
								<!-- 按照原来的顺序走-->
								<a href="#" ng-click="searchByPriceSort('','')">综合</a>
							</li>
							<li>
								<a href="#">销量</a>
							</li>
							<li>
								<a href="#">新品</a>
							</li>
							<li>
								<a href="#">评价</a>
							</li>
							<li>
								<a href="#" ng-click="searchByPriceSort(ASC,price)">价格↑</a>
							</li>
							<li>
								<a href="#"ng-click="searchByPriceSort(DESC,price)">价格↓</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="goods-list">
					<ul class="yui3-g">
						<li class="yui3-u-1-5" ng-repeat="item in resultMap.rows">
							<div class="list-wrap">
								<div class="p-img">
									<a href="http://localhost:8085/{{item.goodsId}}.html"><img src="{{item.image}}" /></a>
								</div>
								<div class="price">
									<strong>
										<em>¥</em>
										<i>{{item.price}}</i>
									</strong>
								</div>
								<div class="attr">
									<em>{{item.title}}</em>
								</div>
								<div class="cu">
									<em></em>
								</div>
								<div class="commit">
									<i class="command">已有2000人评价</i>
								</div>
								<div class="operate">
									<a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
									<a href="javascript:void(0);" class="sui-btn btn-bordered">对比</a>
									<a href="javascript:void(0);" class="sui-btn btn-bordered">关注</a>
								</div>
							</div>
						</li>

					</ul>
				</div>
				<div class="fr page">
					<div class="sui-pagination pagination-large">
						<ul>
							<li class="prev {{isTopPage()?'disabled':''}}">
								<a href="#" ng-click="queryForPage(searchMap.pageNum-1)">«上一页</a>
							</li>
							<li class="active" ng-repeat="page in pageLabel">
								<a href="#" ng-click="queryForPage(page)">{{page}}</a>
							</li>
							<li class="next {{isEndPage()?'disabled':''}}">
								<a href="#" ng-click="queryForPage(searchMap.pageNum+1)">下一页»</a>
							</li>
						</ul>
						<div><span>共{{resultMap.totalPages}}页&nbsp;</span><span>
      到第
      <input type="text" class="page-num" ng-model="searchMap.pageNum">
      页 <button class="page-confirm" ng-click="queryForPage(searchMap.pageNum)">确定</button></span></div>
					</div>
				</div>
			</div>
			</div>
		</div>
	</div>
	<!-- 底部栏位 -->
	<!--页面底部-->
	<div class="clearfix footer">
		<div class="py-container">
			<div class="footlink">
				<div class="clearfix Mod-list">
					<div class="yui3-g">
						<div class="yui3-u-1-6">
							<h4>购物指南</h4>
							<ul class="unstyled">
								<li>购物流程</li>
								<li>会员介绍</li>
								<li>生活旅行</li>
								<li>常见问题</li>
								<li>购物指南</li>
							</ul>

						</div>
						<div class="yui3-u-1-6">
							<h4>配送方式</h4>
							<ul class="unstyled">
								<li>上门自提</li>
								<li>211限时达</li>
								<li>配送服务查询</li>
								<li>配送费收取标准</li>
								<li>海外配送</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h4>支付方式</h4>
							<ul class="unstyled">
								<li>货到付款</li>
								<li>在线支付</li>
								<li>分期付款</li>
								<li>公司转账</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h4>售后服务</h4>
							<ul class="unstyled">
								<li>售后政策</li>
								<li>价格保护</li>
								<li>退款说明</li>
								<li>返修/退换货</li>
								<li>取消订单</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h4>特色服务</h4>
							<ul class="unstyled">
								<li>夺宝岛</li>
								<li>DIY装机</li>
								<li>延保服务</li>
								<li>京东E卡</li>
								<li>京东通信</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h4>自营覆盖县区</h4>
							<p> 京东以向全国 2661 个区县提供自营配送服务，支持货到付款，POS 机刷卡和售后上门服务</p>
						</div>
					</div>
				</div>
				<div class="Mod-copyright">
					<ul class="helpLink">
						<li>关于我们<span class="space"></span></li>
						<li>联系我们<span class="space"></span></li>
						<li>关于我们<span class="space"></span></li>
						<li>商家入驻<span class="space"></span></li>
						<li>营销中心<span class="space"></span></li>
						<li>友情链接<span class="space"></span></li>
						<li>关于我们<span class="space"></span></li>
						<li>营销中心<span class="space"></span></li>
						<li>友情链接<span class="space"></span></li>
						<li>关于我们</li>
					</ul>
					<div class="address">地址：山东省济南市长清区大学路3501号 邮编：250306 电话：0531-89631717 传真：0531—8963106889631968</div>
					<div class="beian">鲁ICP备20003112号鲁公网安备37099202000006
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--页面底部END-->
	<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#service").hover(function() {
				$(".service").show();
			}, function() {
				$(".service").hide();
			});
			$("#shopcar").hover(function() {
				$("#shopcarlist").show();
			}, function() {
				$("#shopcarlist").hide();
			});

		})
	</script>
	<script type="text/javascript" src="js/model/cartModel.js"></script>
	<script type="text/javascript" src="js/czFunction.js"></script>
	<script type="text/javascript" src="js/plugins/jquery.easing/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/plugins/sui/sui.min.js"></script>
	<script type="text/javascript" src="js/widget/cartPanelView.js"></script>
	</body>

</html>

</html>